<style scoped lang="scss">
	.root{
		.c1{width: 10%;text-align: center;margin-bottom:30px;cursor: pointer;}
		.c1 .iconfont{font-size: 28px;color: #666;}
		.c2{flex-wrap: wrap;margin-top: 20px;}
		.c3{font-size: 13px;margin-top: 10px;color: #666;}
	}
</style>

<template>
	<div class="root">
		<an-nav></an-nav>
		<div class="flex c2">
			<div class="c1" v-for="(v,i) in list.glyphs" :key="i" @click="copy(`<i class='iconfont custom-icon-${v.font_class}'></i>`)">
				<div><i class="iconfont" :class="'custom-icon-'+v.font_class"></i></div>
				<div class="line-1 c3">{{v.font_class}}</div>
			</div>
		</div>
	</div>
</template>

<script setup>
	// 复制内容
	import publicJS from "@/hook/public.js";
	const {copy,aTips} = publicJS();

    import list from "@/assets/iconfont/iconfont.json"
</script>
